<template>
  <div class="Nav">
    <el-row class="tac">
      <el-col :span="12">
        <el-menu
          default-active="1"
          class="el-menu-vertical-demo"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-menu-item
            @click="$router.push('/mine/index').catch((err) => {})"
            index="1"
          >
            <span slot="title">我的Ora</span>
          </el-menu-item>
          <el-menu-item
            @click="$router.push('/cart').catch((err) => {})"
            index="2"
          >
            <span slot="title">我的购物车</span>
          </el-menu-item>
          <el-menu-item
            @click="$router.push('/order').catch((err) => {})"
            index="3"
          >
            <span slot="title">我的订单</span>
          </el-menu-item>
          <el-menu-item
            @click="$router.push('/mine/mineBag').catch((err) => {})"
            index="4"
          >
            <span slot="title">我的卡卷包</span>
          </el-menu-item>
          <el-menu-item
            @click="$router.push('/mine/Review').catch((err) => {})"
            index="5"
          >
            <span slot="title">评价管理</span>
          </el-menu-item>
          <el-submenu index="6">
            <span slot="title">账户设置</span>
            <el-menu-item-group>
              <el-menu-item
                @click="$router.push('/mine/account').catch((err) => {})"
                index="6-1"
                >个人信息</el-menu-item
              >
              <el-menu-item
                @click="$router.push('/mine/Safe').catch((err) => {})"
                index="6-2"
                >安全设置</el-menu-item
              >
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  methods: {},
};
</script>


<style  scoped>
.Nav {
  width: 123px;
  height: 1500px;
  background: #545c64;
}
.Nav .tac {
  width: 100%;
}
.el-submenu .el-menu-item {
  width: 123px;
  min-width: 50px;
  padding-left: 124px;
}
.el-col-12 {
  width: 100%;
}
.el-menu-vertical-demo {
  width: 123px !important;
  min-width: 123px !important;
  max-width: 123px !important;
  box-sizing: border-box;
}
</style>